<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体</title>
    <style>
        body {
            /* 依次找，第一个没有找第二个。。。 */
            font-family: 'Times New Roman', Times, serif;
            font-size: 25px;
        }

        h2 {
            /* font-size: 35px; */
            font-weight: 400;
            text-align: center;
        }

        .blod {
            /* font-weight: bold;等价700 */
            font-weight: 700;
        }

        .italic {
            font-style: italic;
            /* 下划线 */
            /* text-decoration: underline; */
            /* 删除线 */
            /* text-decoration: line-through; */
            /* 上划线 */
            text-decoration: overline;
        }

        em {
            font-style: normal;
        }

        /* font: 顺序 style weight size family  顺序不能颠倒，必须有大小和字体*/

        a {
            text-decoration: none;
        }

        P {
            /* 首行缩进 */
            /* text-indent: 10px; */
            /* em:相对单位，当前元素1个文字的大小 */
            text-indent: 2em;
            /* 行高=文本高度+上间距+下间距 */
            line-height: 26px;
        }
    </style>
</head>

<body>
    <h2>pink的秘密</h2>
    <p>那一抹众人中最漂亮的颜色,</p>
    <p class="italic">优雅,淡然,又那么心中清澈.</p>
    <p>前端总是伴随着困难和犯错,</p>
    <p>静心,坦然,攻克一个又一个.</p>
    <p class="blod">拼死也要克服它,</p>
    <p>这是pink的秘密也是老师最终的嘱托.</p>
    <em>哈哈哈哈</em><br>
    <a href="#">取消a链接的下划线</a>
</body>

</html>